<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="description" content="">
		<meta name="author" content="play~man">
		
		<title>相册</title>
		
		<!-- Custom CSS -->
		<link rel="stylesheet" type="text/css" href="./css/gallery/style_gallery.css">
		
		<!-- Custom Fonts -->
		<link rel="stylesheet" href="./font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
		<link href='http://fonts.googleapis.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="./css/gallery/lightbox.css">
		<link rel="stylesheet" href="./css/blog/skel-noscript.css" />
		<link rel="stylesheet" href="./css/blog/style.css" />
		<link rel="stylesheet" href="./css/blog/style-desktop.css" />
		
		<!-- Core JavaScript Files -->
		
		
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="./js/common/html5shiv.js"></script>
		<script src="./js/common/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="homepage">
		<div id="header">
			<div class="container">
				<!-- Logo -->
				<div id="logo">
					<h1><a href="#">Play~Man</a></h1>
					<span>Bolg</span>
				</div>
				<!-- Nav -->
				<nav id="nav">
					<ul>
						<li>
							<a href="index.html">主页</a>
						</li>
						<li>
							<a href="blog.html">博客列表</a>
						</li>
						<li class="active">
							<a href="gallery.html">相册墙</a>
						</li>
						<li>
							<a href="login.html">后台管理</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>
		<div id="page-content" class="index-page">
			<div id="container">
				<!-- These are our grid blocks -->
				<div class="item">
					<a class="example-image-link" href="./images/gallery/25.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/25.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Children</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/27.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/27.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Startup</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/28.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/28.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Sun</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/29.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/29.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">The Eiffel Tower</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/30.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/30.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Water drops</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/01.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/01.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Agfa</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/02.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/02.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Auto</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.</p>
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/03.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/03.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Bald eagle</a></h3>
						<span class="time">SEPTEMBER 30TH</span>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.</p>
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/04.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/04.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Black swan</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit. Vestibulum e risu.</p>
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/05.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/05.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Book shelf</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risu.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/06.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/06.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Camera</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risu.Aenean feugiat in ante et blandit. Vestibulum e risu.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/07.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/07.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Camera</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risu.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/08.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/08.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Vintage camera</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/09.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/09.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Coffee</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/10.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/10.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Cookies</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/12.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/12.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">DJ</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit. Vestibulum e risu.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/11.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/11.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Cubes</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit. Vestibulum e risu.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/13.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/13.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Doors</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/14.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/14.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Matchbox</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/15.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/15.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Freiburg</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/16.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/16.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Henna</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. nte et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/17.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/17.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Home office</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/18.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/18.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">iPad</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean fenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/19.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/19.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Matchbox</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac i, Vestibulum e risu. Aenean feugiat in ante et blandit.Vestibulum e risu. Aenean feugiat in ante et blandit.Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/20.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/20.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Lynx</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/21.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/21.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Mac</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/22.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/22.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Notebook</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/23.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/23.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Thoughts</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/24.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/24.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Office</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
				<div class="item">
					<a class="example-image-link" href="./images/gallery/26.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="./images/gallery/26.jpg" alt=""/></a>
					<div class="content-item">
						<h3 class="title-item"><a href="single.html">Portrait</a></h3>
						<div class="time"> SEPTEMBER 30TH</div>
						<p class="info">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non.Aenean feugiat in ante et blandit, Vestibulum e risu. Aenean feugiat in ante et blandit.</p>
						
					</div>
					<div class="bottom-item">
						<a href="#" class="btn btn-share share"><i class="fa fa-share-alt"></i> Share</a>
						<a href="#" class="btn btn-like"><i class="fa fa-heart-o"></i></a>
						<a href="#" class="btn btn-comment"><i class="fa fa-comment-o"></i></a>
						<a href="single.html" class="btn btn-more"><i class="fa fa-long-arrow-right "></i></a>
					</div>
				</div>
			</div>
		</div>
		
		<!-- Footer -->
		<div id="footer">
			<div class="container">
				<div class="row">
					<div class="4u">
						<section>
							<h2>Latest Posts</h2>
							<ul class="default">
								<li><a href="#">Pellentesque lectus gravida blandit</a></li>
								<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
								<li><a href="#">Phasellus nibh pellentesque congue</a></li>
								<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
								<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
							</ul>
						</section>
					</div>
					<div class="4u">
						<section>
							<h2>Ultrices fringilla</h2>
							<ul class="default">
								<li><a href="#">Pellentesque lectus gravida blandit</a></li>
								<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
								<li><a href="#">Phasellus nibh pellentesque congue</a></li>
								<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
								<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
							</ul>
						</section>
					</div>
					<div class="4u">
						<section>
							<h2>Aenean elementum</h2>
							<ul class="default">
								<li><a href="#">Pellentesque lectus gravida blandit</a></li>
								<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
								<li><a href="#">Phasellus nibh pellentesque congue</a></li>
								<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
								<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
							</ul>
						</section>
					</div>
				</div>
			</div>
		</div>
		<!-- Copyright -->
		<div id="copyright">
			<div class="container">
				Copyright &copy; 2018 &nbsp; www.fuckpointor.org &nbsp; <a href="#" target="_blank" title="#">Play~Man</a> - Product <a href="#" title="Play~Man" target="_blank">Play~Man</a>
			</div>
		</div>
		<!-- Once the page is loaded, initialized the plugin. -->
		<script type="text/javascript" src="./js/common/jquery.min.js" ></script>
		<!-- jQuery Pinterest -->
		<script type="text/javascript" src="./js/common/jquery.pinto.js"></script>
		<script type="text/javascript" src="./js/gallery/main.js"></script>
		
		<!-- Light Box -->
		<script src="./js/gallery/lightbox-plus-jquery.min.js"></script>
		
		<!-- Menu -->
		<script src="./js/gallery/script.js"></script>
		
		<script type="text/javascript">
			$('#container').pinto();
		</script>
		
	</body>
</html>